<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="../../jsfile/layer.css"/>
    <script src="../../jsfile/jquery.js"></script>
    <script src="../../jsfile/layer.js"></script>
    <script src="../../jsfile/base.js"></script>
    <style type="text/css">
        #id001{
            color: blue;
            font-size: 30px;
            border: 1px yellow solid;
        }
        #id002{
            color: red;
            font-size: 20px;
            border: 5px blue dotted;
        }
    </style>
</head>
<body>
<p id="text_show">
    需求1：分别定义两个div标签<br/>
    第一个div标签定义id为id001,然后根据id属性定义css样式修改字体的颜色为蓝色,字体的大小为30个像素,边框为1像素的黄色实线<br/>

    第二个div标签定义id为id002，然后根据id属性定义css样式,修改字体的颜色为红色,字体大小为20个像素,边框为5像素的蓝色点线
</p>

<div id="id001">div标签1</div>
<div id="id002">div标签2</div>
<div class="look_source_code" onclick="getPageContent()">查看源码</div>
</body>
</html>